
<!--发送邮件-->
<div class="row mt10">

    <div class="col-lg-9 col-sm-9 col-md-8 col-xs-8">


        <form class="form-horizontal" name="mailForm" role="form" style="padding-right:20px;" verify-scope="tipStyle: 1">

            <div class="form-group Receiver">
                <div class="row">
                    <div class="col-lg-2">
                        <span class="title-style" id="selPerson" style="height:36px; line-height:36px;">收件人:</span>
                    </div>
                    <div class="col-lg-10" style="margin-left: -30px;">
                        <div class="row">
                            <div class="col-lg-2" ng-repeat="person in persons | orderBy:'UserID'">
                                <span class="select-item">{{person.Username}}<a href="#" ng-click="selDel($event, person.UserID)"><i class="fa fa-close"></i></a></span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="form-group underline">
                <div class="col-lg-2 col-md-2">
                    <div class="row">
                        <label class="control-label title-style">文件标题:</label>
                    </div>
                </div>
                <div class="col-lg-10 col-md-10" style="margin-left: -30px;">
                    <div class="row">
                        <input type="text"  class="form-control" ng-verify="{errmsg:'必须输入标题'}"  id="title" ng-model="sendMail.title" placeholder="请输入标题">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <h4 class="title-style">内容简介：</h4>
                <textarea class="form-control" ng-verify="{min:1,max:250,errmsg:'必须输入内容'}" rows="5" ng-model="sendMail.content"></textarea>
                <p>不超过250个字符，已经输入 {{sendMail.content.length || 0}} 个字符</p>
            </div>
            <div class="form-group">
                <div class="col-lg-9 underline">
                      <div class="row">
                          <div class="col-lg-2">
                              <label class="control-label title-style">附件:</label>
                          </div>
                          <div class="col-lg-10">
                              <span ng-repeat="fujian in fujians | orderBy:'FileID'" class="select-item mr10"><b title="{{fujian.FileName}}">{{fujian.FileName | cut:true:5:'...'}}</b><a href="#" ng-click="selDel($event, fujian.FilePath)"><i class="fa fa-close"></i></a></span>
                          </div>
                      </div>
                </div>
                <div class="col-lg-3 ">
                    <div class="row pull-right">
                        <button type="button" ng-click="openUploadAttachModal()" class="btn btnCustom btn-lg btnLg">选择上传
                        </button>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="row">
                    <div class="col-lg-2">
                        <span class="red">附件内容保留60天</span>
                    </div>
                    <div class="col-lg-10">
                        <div class="row" ng-if="vm.showProgress">
                            <div class="col-lg-12"> <uib-progressbar value="val" type="success">{{progressPercentage}}%</uib-progressbar></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <button type="button" ng-click="submitForm()" class="btn btnCustom btn-lg btnLg mr5">发送
                </button>
                <button type="reset" class="btn btnHui btn-lg btnLg">重置</button>
            </div>

        </form>

    </div>
    <div class="col-lg-3 col-sm-3 col-md-4 col-xs-4 Contacts">
        <h3>通信录列表</h3>


        <p style="margin-top:10px;margin-left:20px;">
            <input type="checkbox" style="" class="icheckbox" ng-model="select_all" ng-change="selectAll()">
            <label>全选</label>
        </p>

        <treecontrol class="tree-light"
                     tree-model="dataForTheTree"
                     options="treeOptions"
                     selected-nodes="selectedNodes">

            <label for=""><input type="checkbox" style="" class="icheckbox" ng-checked="node.state" name="item"
                                 ng-change="showSelected(node,selected, $parentNode, $index)" ng-model="node.state">
                {{node.UserName}}</label>
        </treecontrol>


    </div>
</div>
